<!DOCTYPE html>
<html lang="en">
<head>
    <title>登录</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/login.css">
    <link rel="stylesheet" href="fonts/iconfont.css">
</head>
<body>
<div id="app">
    <!--登录模块部分-->
    <div class="bg_login login-container" id="loginBox">
        <div class="login">
            <form class="el-form demo-ruleForm login-container el-form--label-left">
                <div class="user_login"><img src="image/login/logo_colorful.png" alt="" class="login-logo"><span><img src="image/title.png" alt=""></span></div>
                <div class="land_login">
                    <div class="el-form-item p-user is-required" >
                        <div class="form-group">
                            <i class="user-icon"></i>
                            <div class="zf-input-login el-input">
                                <input type="text" autocomplete="off" placeholder="用户名" class="form-control" id="userName" value="">
                             </div>
                        </div>
                    </div>
                    <div  class="el-form-item p-pw is-required mt30">
                        <div class="form-group">
                            <i class="pass-icon"></i>
                            <div  class="zf-input-login el-input">
                                <input type="password" autocomplete="off" placeholder="密码" class="form-control" id="passWord" value="">
                                <span class="iconview iconfont icon-icon_view" style="display: none"></span> <!--闭眼-->
                                <span class="iconview iconfont icon-icon_view1"></span> <!--睁眼-->
                             </div>
                        </div>
                    </div>
                    <div class="el-form-item mt30 form-inline">
                        <div class="">
                            <i class="pass-icon"></i>
                            <div class="zh-input">
                                <input type="text" autocomplete="off" placeholder="请输入验证码" class="form-control" style="width: 311px">
                                <a  href="javascript:void(0)" class="pull-right">
                                    <img id="imgUrl" class="imgUrl" src="http://sit.casserv.datoubao.com/verifyCode" height="55px" width="115px" alt="">
                                </a>
                            </div>
                        </div>
                    </div>
                    <!-- <div  class="clearfix"></div>-->
                    <div class="big-btn">
                        <button type="button" class="btn btn-primary btn-lg btn-block" id="loginBtn">
                            <span>登&nbsp;&nbsp;录</span>
                        </button>
                    </div>
                    <div class="userRigister-btn">
                        <a href="javascript:void(0)"><span>用户注册</span></a>
                    </div>
                    <div class="adminLogin-btn">
                        <a href="javascript:void(0)">
                            <button type="button" class="btn btn-link">管理员登录</button>
                        </a>
                    </div>
                </div>
            </form>
            <div  class="bjSnake"></div>
        </div>
    </div>
</div>
<script src="../../plugins/jquery/jquery-1.12.4.js"></script>
<script src="../../plugins/layer/layer.js"></script>
<script src="js/login.js"></script>
</body>
</html>